<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>全屏滚动</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<!-- 容器 -->
	<div class="container" id="container">
		<!-- 内容区域 -->
			<div class="slider-wrapper">
				<div class="slider">
					<img src="images/1.jpg" alt="">
				</div>
				<div class="slider">
					<img src="images/2.jpg" alt="">
				</div>
				<div class="slider">
					<img src="images/3.jpg" alt="">
				</div>
				<div class="slider">
					<img src="images/4.jpg" alt="">
				</div>
				<div class="slider">
					<img src="images/5.jpg" alt="">
				</div>
			</div>
		<!-- 导航区域 -->
	</div>
	<script src="jquery-2.1.4.min.js"></script>
	<script src="fullScroll.js"></script>
	<script>
		$(function(){
		$("#container").PageSwitch({
			direction: 'horizontal'
		});
	})
	</script>
</body>
</html>